<template>
    <div class="wrap">
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in imgList" :key="item.img">
                <img :src="item.img" alt="">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
  data() {
    return {
      imgList: [
        { img: "http://img1.3lian.com/2015/a1/63/d/121.jpg" },
        { img: "http://pic2.ooopic.com/11/76/10/88bOOOPIC83_1024.jpg" },
        { img: "http://pic.58pic.com/58pic/14/20/58/73z58PIC5MR_1024.jpg" },
        {
          img:
            "http://img4.imgtn.bdimg.com/it/u=2943299147,2485325577&fm=26&gp=0.jpg"
        }
      ]
    };
  }
};
</script>
<style scoped>
.mint-swipe {
  height: 200px;
}
.mint-swipe img {
  width: 100%;
  height: 192px;
}
</style>


